$(function () {
    let q = {
        pagenum:1,	//是	int	页码值
        pagesize:5,	//是	int	每页显示多少条数据
        cate_id:'',	//否	string	文章分类的 Id
        state:''	//否	string	文章的状态，可选值有：已发布、草稿
    }
    initArticleList()
    function initArticleList() {
        axios({
            url:'/my/article/list',
            method:'get',
            // data: { 'post请求参数'},
            params: q
        }).then(res=>{
            //成功回调
            console.log(res.data.data)
            if (res.data.status !== 0) {
                return layer.msg(res.data.message)
            }
            let arr = []
            res.data.data.forEach(ele => {
                arr.push(`
                <tr>
                <td>${ele.title}</td>
                <td>${ele.cate_name}</td>
                <td>${dateFormat(ele.pub_date)}</td>
                <td>${ele.state}</td>
                <td>
                    <button class="layui-btn layui-btn-xs">编辑</button>
                    <button data-id="${ele.Id}" class=" del-btn layui-btn layui-btn-xs layui-btn-danger">删除</button>
                </td>
            </tr>
                `)
            });
            $('tbody').empty().html(arr.join(''))
            renderPage(res.data.total)
        });
    }
    let form = layui.form
    initArtCateList()
    function initArtCateList() {
        axios({
            url:'/my/article/cates',
            method:'get',
        }).then(res=>{
            //成功回调
            console.log(res)
            if (res.data.status !== 0) {
                return layer.msg(res.data.message)
            }
            let arr = ['<option value="">请选择文章所属分类</option>']
            res.data.data.forEach(ele => {
                arr.push(`
                <option value="${ele.Id}">${ele.name}</option>
                `)
            });
            $('[name = cate_id]').empty().html(arr.join(''))
            form.render()
        });
    }
    $('#searchForm').on('submit', function (e) {
        e.preventDefault()
        q.cate_id = $('[name=cate_id]').val()
        q.state = $('[name=state]').val()
        initArticleList()
    })
    function renderPage(total) {
        var laypage = layui.laypage;
        
        //执行一个laypage实例
        laypage.render({
          elem: 'pageBox', //注意，这里的 test1 是 ID，不用加 # 号
            count: total, //数据总数，从服务端得到
            limit: q.pagesize,
            curr: q.pagenum,
            layout: ['count', 'limit', 'prev', 'page', 'next', 'next', 'refresh', 'skip'],
            limits:[2,3,5,10,15,20],
            jump: function(obj, first){
                // //obj包含了当前分页的所有参数，比如：
                // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                // console.log(obj.limit); //得到每页显示的条数
                
                //首次不执行
                if(!first){
                  //do something
                    q.pagenum = obj.curr
                    q.pagesize = obj.limit
                    initArticleList()
                }
              }
        });
    }
    $('tbody').on('click', '.del-btn', function () {
        let id = $(this).attr('data-id')
        layer.confirm('你确定要删除吗?', {icon: 3, title:'提示'}, function(index){
            //do something
            axios({
                url:'/my/article/delete/' + id,
                method:'get',

            }).then(res=>{
                //成功回调
                console.log(res)
                if (res.data.status !== 0) {
                    return layer.msg(res.data.message)
                }
                layer.msg('恭喜您,删除文章成功!')
                $('.del-btn').length == 1 && q.pagenum >= 2 && q.pagenum--
                initArticleList()
            });
            layer.close(index);
          });
    })
})